<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>华金宝</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <meta name="apple-touch-fullscreen" content="yes" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <link rel="stylesheet" href="css/index.css">
</head>
<body>
	<div class="bd">

		<!-- start 收益相关信息 -->
		<div class="section-box">

			<div class="section-item section-profile">
				<span class="color-left">预期收益：</span>
				<span class="profile-rate" id="incomeDisType"></span>
				<span class="profile-risk" id="riskLevel"></span>
			</div>

			<div class="section-item">
				<div class="info-right">
					<span class="color-left">起购金额：</span>
					<span class="color-right" id="subscriptionOrigin"></span>
				</div>
				<div class="info-left">
					<span class="color-left">剩余额度：</span>
					<span class="color-right" id="sraiseAccount"></span>
				</div>
			</div>

			<div class="section-item">
				<div class="info-right">
					<span class="color-left">期限：</span>
					<span class="color-right" id="proTerm"></span>
				</div>
				<div class="info-left">
					<span class="color-left">总供给量：</span>
					<span class="color-right" id="financingAccount"></span>
				</div>
			</div>
			<!-- 募集开始时间 和募集截止时间 -->
			<div class="section-item">
				<div class="info-left">
					<span class="color-left">募集时间：</span>
					<span class="color-right" id=raiseDate></span>
				</div>
			</div>
			
			<!-- start 进度 -->
			<div class="progress-wrap">
				<div class="progress-box">
					<div class="progress-bar">
						<div class="progress" style="width: 50%" id="progress"></div>
					</div>
				</div>
				<div class="progress-percent" id="percentTxt"></div>
			</div>
			<!-- end 进度 -->

		</div>
		<!-- end 收益相关信息 -->

		<!-- start 产品信息 -->
		<div class="panel-list-box" id="panelList">
		</div>
		<!-- end 产品信息 -->

	</div>

	<div class="alert-tips" id="alertTips">
        <div class="alert-tips-inner" id="alertTipsInner"></div>
    </div>

	<script type="text/html" id="panelListTmpl">
		<div class="panel-list active">
			<div class="panel-item" data-toggle="toggle" data-toggle-box=".panel-list">
				<i class="arrow"></i>
				<%=it.title1%>
			</div>
			<div class="panel-sub-list">
				<%=it.content1%>
			</div>
		</div>
		<div class="panel-list">
			<div class="panel-item" data-toggle="toggle" data-toggle-box=".panel-list">
				<i class="arrow"></i>
				<%=it.title2%>
			</div>
			<div class="panel-sub-list">
				<%=it.content2%>
			</div>
		</div>
		<div class="panel-list">
			<div class="panel-item" data-toggle="toggle" data-toggle-box=".panel-list">
				<i class="arrow"></i>
				<%=it.title3%>
			</div>
			<div class="panel-sub-list">
				<div class="sub-list-item">
					<div class="sub-list-item-title"><%=it.content3.c_title1%></div>
					<div class="sub-list-item-cont"><%=it.content3.c_content1%></div>
				</div>
				<div class="sub-list-item">
					<div class="sub-list-item-title"><%=it.content3.c_title2%></div>
					<div class="sub-list-item-cont"><%=it.content3.c_content2%></div>
				</div>
				<div class="sub-list-item">
					<div class="sub-list-item-title"><%=it.content3.c_title3%></div>
					<div class="sub-list-item-cont"><%=it.content3.c_content3%></div>
				</div>
				<div class="sub-list-item">
					<div class="sub-list-item-title"><%=it.content3.c_title4%></div>
					<div class="sub-list-item-cont"><%=it.content3.c_content4%></div>
				</div>
				<div class="sub-list-item">
					<div class="sub-list-item-title"><%=it.content3.c_title5%></div>
					<div class="sub-list-item-cont"><%=it.content3.c_content5%></div>
				</div>
				<div class="sub-list-item">
					<div class="sub-list-item-title"><%=it.content3.c_title6%></div>
					<div class="sub-list-item-cont"><%=it.content3.c_content6%></div>
				</div>
				<div class="sub-list-item">
					<div class="sub-list-item-title"><%=it.content3.c_title7%></div>
					<div class="sub-list-item-cont"><%=it.content3.c_content7%></div>
				</div>
			</div>
		</div>
		<div class="panel-list">
			<div class="panel-item" data-toggle="toggle" data-toggle-box=".panel-list">
				<i class="arrow"></i>
				<%=it.title4%>
			</div>
			<div class="panel-sub-list">
				<%=it.content4%>
			</div>
		</div>
	</script>

	<!-- start 脚本加载 -->
	<script src="js/wxUtils.js"></script>
	<script src="js/zepto.min.js"></script>
	<script src="js/doT.js"></script>
	<script src="js/json2.js"></script>
	<script src="js/fixedProType3.js"></script>
	<!-- end 脚本加载 -->

</body>
</html>